<template>
  <div>
    <Header></Header>
    <section>
      <Routers></Routers>
      <div id="section" class="main">
        <ul>
          <!--公司信息-->
          <li>
            <div class="common_header">
              <span class="header_tip">公司信息</span>
              <button class="header_btn" @click="editCompanyInformation">编辑</button>
            </div>
            <ul class="CompanyInformationLIST_box">
              <!--<li class="CompanyInformationLIST" v-for="item in CompanyInformationLIST">-->
                <!--<span class="common_content_tip">{{item.tip}}：</span>-->
                <!--<span class="common_contents">{{item.content}}</span>-->
              <!--</li>-->
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">企业名称：</span>
                <span class="common_contents">{{Company_name}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">统一社会信用代码：</span>
                <span class="common_contents">{{Company_num}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">注册时间：</span>
                <span class="common_contents">{{Company_time}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">注册类型：</span>
                <span class="common_contents">{{Company_type}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">注册资金(万)：</span>
                <span class="common_contents">{{Company_money}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">外贸来源地：</span>
                <span class="common_contents">{{Company_orgin_area}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">所属行业：</span>
                <span class="common_contents">{{Company_industry}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">企业规模(人)：</span>
                <span class="common_contents">{{Company_peopleum}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">行政区域：</span>
                <span class="common_contents">{{Company_area}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">企业所得税征收机关：</span>
                <span class="common_contents">{{Company_shui}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">通信地址：</span>
                <span class="common_contents">{{Company_address}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">企业所得税征收方式：</span>
                <span class="common_contents">{{Company_shui_type}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">是否上市：</span>
                <span class="common_contents">{{Company_shangshi}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">是否属于国家级高新区内企业：</span>
                <span class="common_contents">{{Company_jishu}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">上市时间：</span>
                <span class="common_contents">{{Company_shangshi_time}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">高新区名称：</span>
                <span class="common_contents">{{Company_gaoxinqu_name}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">股票代码：</span>
                <span class="common_contents">{{Company_gupiao_num}}</span>
              </li>
              <li class="CompanyInformationLIST">
                <span class="common_content_tip">上市类型：</span>
                <span class="common_contents">{{Company_shangshi_type}}</span>
              </li>
            </ul>
          </li>
          <!--法人信息-->
          <li>
            <div class="common_header">
              <span class="header_tip">法人信息</span>
              <button class="header_btn" v-if="!legalISedit" @click="legalISedits">编辑</button>
              <button class="header_btn" v-if="legalISedit" @click="legalISsaves">保存</button>
            </div>
            <ul class="legalInformationLIST_box">
              <li class="legalInformationLIST" v-for="item in legalInformationLIST">
                <span class="common_content_tip">{{item.tip}}：</span>
                <span class="common_contents" v-if="!legalISedit">{{item.content}}</span>
                <input type="text" v-if="legalISedit" v-model="item.content">
              </li>
            </ul>
          </li>
          <!--联系人信息-->
          <li>
            <div class="common_header">
              <span class="header_tip">联系人信息</span>
              <button class="header_btn" v-if="!ContactsISedit" @click="ContactsISedits">编辑</button>
              <button class="header_btn" v-if="ContactsISedit" @click="ContactsISsaves">保存</button>
            </div>
            <ul class="ContactsInformationLIST_box">
              <li class="ContactsInformationLIST" v-for="item in ContactsInformationLIST">
                <span class="common_content_tip">{{item.tip}}：</span>
                <span class="common_contents" v-if="!ContactsISedit">{{item.content}}</span>
                <input type="text" v-if="ContactsISedit" v-model="item.content">
              </li>
            </ul>
          </li>
          <!--股东信息-->
          <li class="Shareholder">
            <div class="common_header">
              <span class="header_tip">股东信息</span>
              <button class="header_btn" @click="add_Shareholder">添加</button>
            </div>
            <table class="Shareholder_table" cellpadding="0" cellspacing="0">
              <thead>
                <tr>
                  <th>股东</th>
                  <th>持股比例</th>
                  <th>出资额</th>
                  <th>股东类型</th>
                  <th>身份证/社会统一信用代码</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody>
                <!--<tr v-for="(item ,index) in ShareholderLIST" :key="index">-->
                  <!--<td v-for="(items , indexs) in item" :key="indexs">-->
                    <!--<span v-if="!ShareholderISedit[index]">{{items}}</span>-->
                    <!--<input type="text" v-model="item[indexs]" v-if="ShareholderISedit[index]">-->
                  <!--</td>-->
                  <!--<td class="operation_td">-->
                    <!--<span class="Shareholder_editBTN" @click="Shareholder_edit(index)" v-if="!ShareholderISedit[index]">编辑</span>-->
                    <!--<span class="Shareholder_editBTN" @click="Shareholder_save(index)" v-if="ShareholderISedit[index]">保存</span>-->
                    <!--<span class="Shareholder_delBTN" @click="Shareholder_del(index)">删除</span>-->
                  <!--</td>-->
                <!--</tr>-->
                <tr v-for="(item ,index) in ShareholderLIST" :key="index">
                  <td>
                    <span v-if="!ShareholderISedit[index]">{{item.share_holder}}</span>
                    <input type="text" v-model="item.share_holder" v-if="ShareholderISedit[index]">
                  </td>
                  <td>
                    <span v-if="!ShareholderISedit[index]">{{item.share_percent}}</span>
                    <input type="text" v-model="item.share_percent" v-if="ShareholderISedit[index]">
                  </td>
                  <td>
                    <span v-if="!ShareholderISedit[index]">{{item.share_money}}</span>
                    <input type="text" v-model="item.share_money" v-if="ShareholderISedit[index]">
                  </td>
                  <td>
                    <span v-if="!ShareholderISedit[index]">{{item.share_holder_type}}</span>
                    <input type="text" v-model="item.share_holder_type" v-if="ShareholderISedit[index]">
                  </td>
                  <td>
                    <span v-if="!ShareholderISedit[index]">{{item.share_date}}</span>
                    <input type="text" v-model="item.share_date" v-if="ShareholderISedit[index]">
                  </td>
                  <td class="operation_td">
                    <span class="Shareholder_editBTN" @click="Shareholder_edit(index)" v-if="!ShareholderISedit[index]">编辑</span>
                    <span class="Shareholder_editBTN" @click="Shareholder_save(index)" v-if="ShareholderISedit[index]">保存</span>
                    <span class="Shareholder_delBTN" @click="Shareholder_del(index)">删除</span>
                  </td>
                </tr>
              </tbody>
            </table>
          </li>
        </ul>
        <!--编辑公司信息的弹框-->
        <div class="tankuang_box" v-if="CompanyInformationIS_edit">
          <!--里面的白色盒子（需要自己设置宽高）-->
          <div class="add_tankuang">
            <!--顶部的文字和叉叉（通用）-->
            <div class="add_tankuang_header">
              <span>编辑</span>
              <i class="iconfont icon-guanbi" @click="closeEditBox"></i>
            </div>
            <div class="add_tankuang_content">
              <div class="add_tankuang_content_box">
                <!--这里的内容是根据需要的内容加入（不通用）-->
                 <ul class="CompanyInformation_tankuang_content">
                   <li>
                     <span>公司名称：</span>
                     <input type="text" v-model="Company_name_input">
                   </li>
                   <li>
                     <span>统一社会信用代码：</span>
                     <input type="text" v-model="Company_num_input">
                   </li>
                   <li>
                     <span>注册时间：</span>
                     <input type="text" v-model="Company_time_input">
                   </li>
                   <li>
                     <span>注册类型：</span>
                     <input type="text" v-model="Company_type_input">
                   </li>
                   <li>
                     <span>注册资金(万)：</span>
                     <input type="text" v-model="Company_money_input">
                   </li>
                   <li>
                     <span>外贸来源地：</span>
                     <input type="text" v-model="Company_orgin_area_input">
                   </li>
                   <li>
                     <span>所属行业：</span>
                     <input type="text" v-model="Company_industry_input">
                   </li>
                   <li>
                     <span>企业规模(人)：</span>
                     <input type="text" v-model="Company_peopleum_input">
                   </li>
                   <li>
                     <span>行政区域：</span>
                     <input type="text" v-model="Company_area_input">
                   </li>
                   <li>
                     <span>企业所得税征收机关：</span>
                     <!--<input type="text">-->
                     <select v-model="Company_shui_input">
                       <option value="国税">国税</option>
                       <option value="地税">地税</option>
                     </select>
                   </li>
                   <li>
                     <span>通信地址：</span>
                     <input type="text" v-model="Company_address_input">
                   </li>
                   <li>
                     <span>企业所得税征收方式：</span>
                     <!--<input type="text" v-model="Company_shui_type">-->
                     <select v-model="Company_shui_type_input">
                       <option value="查账征收">查账征收</option>
                       <option value="核定征收">核定征收</option>
                     </select>
                   </li>
                   <li>
                     <span>是否上市：</span>
                     <!--<input type="text" v-model="Company_shangshi">-->
                     <!--<div class="radioBOX">-->
                       <!--<input type="radio" name="sex" value='male'/><label>男</label>-->
                       <!--<input name="sex" checked type="radio" value="female"/><label>女</label>-->
                     <!--</div>-->
                     <ul class="radioBOX">
                       <li @click="toggleCompany_shangshi_radio">
                         <i class="inlineBlockIcon radio" :class="{active:Company_shangshi_radio}"></i>
                         <span>是</span>
                       </li>
                       <li @click="toggleCompany_shangshi_radio">
                         <i class="inlineBlockIcon radio" :class="{active:!Company_shangshi_radio}"></i>
                         <span>否</span>
                       </li>
                     </ul>
                   </li>
                   <li>
                     <span>是否属于国家级高新技术企业：</span>
                     <!--<input type="text" v-model="Company_jishu">-->
                     <ul class="radioBOX">
                       <li @click="toggleCompany_jishu_radio">
                         <i class="inlineBlockIcon radio" :class="{active:Company_jishu_radio}"></i>
                         <span>是</span>
                       </li>
                       <li @click="toggleCompany_jishu_radio">
                         <i class="inlineBlockIcon radio" :class="{active:!Company_jishu_radio}"></i>
                         <span>否</span>
                       </li>
                     </ul>
                   </li>
                   <li>
                     <span>上市时间：</span>
                     <input type="text" v-model="Company_shangshi_time_input">
                   </li>
                   <li>
                     <span>高新区名称：</span>
                     <input type="text" v-model="Company_gaoxinqu_name_input">
                   </li>
                   <li>
                     <span>股票代码：</span>
                     <input type="text" v-model="Company_gupiao_num_input">
                   </li>
                   <li>
                     <span>上市类型：</span>
                     <input type="text" v-model="Company_shangshi_type_input">
                   </li>
                 </ul>
                <!--底部的按钮（通用）-->
                <div class="add_tankuang_btnBOX">
                  <button class="add_tankuang_btn add_tankuang_btn_first" @click="saveCompanyInformation">保存</button>
                  <button class="add_tankuang_btn" @click="cancelSave">取消</button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</template>

<script>
  import Routers from '@/template/routers.vue'
  import Header from '@/template/common_header.vue'
  export default {
    name: 'index1',
    components: {
      Routers,
      Header
    },
    data () {
      return {
        ID:'',
        Company_name:'',
        Company_num:'',
        Company_time:'',
        Company_type:'',
        Company_money:'',
        Company_orgin_area:'',/*外贸来源地*/
        Company_industry:'',/*行业*/
        Company_peopleum:'',
        Company_area:'',/*行政区域*/
        Company_shui:'',/*税务征收机关*/
        Company_address:'',/*通信地址*/
        Company_shui_type:'',/*税务征收方式*/
        Company_shangshi:'',/*是不是上市了*/
        Company_shangshi_radio:true,/*是不是上市了*/
        Company_jishu:'',/*是不是高新技术企业*/
        Company_jishu_radio:true,/*是不是高新技术企业*/
        Company_shangshi_time:'',/*上市时间*/
        Company_gaoxinqu_name:'',/*高新区名称*/
        Company_gupiao_num:'',/*股票代码*/
        Company_shangshi_type:'',/*上市类型*/
        /*编辑时的数据*/
        Company_name_input:'',
        Company_num_input:'',
        Company_time_input:'',
        Company_type_input:'',
        Company_money_input:'',
        Company_orgin_area_input:'',/*外贸来源地*/
        Company_industry_input:'',/*行业*/
        Company_peopleum_input:'',
        Company_area_input:'',/*行政区域*/
        Company_shui_input:'',/*税务征收机关*/
        Company_address_input:'',/*通信地址*/
        Company_shui_type_input:'',/*税务征收方式*/
        Company_shangshi_input:'',/*是不是上市了*/
//        Company_shangshi_radio_input:true,/*是不是上市了*/
        Company_jishu_input:'',/*是不是高新技术企业*/
//        Company_jishu_radio_input:true,/*是不是高新技术企业*/
        Company_shangshi_time_input:'',/*上市时间*/
        Company_gaoxinqu_name_input:'',/*高新区名称*/
        Company_gupiao_num_input:'',/*股票代码*/
        Company_shangshi_type_input:'',/*上市类型*/
        /************/
        CompanyInformationIS_edit:false,/*公司信息是否处于编辑状态*/
        legalInformationLIST:[
          {
            tip:'姓名',
            content:'张扬'
          },{
            tip:'身份证号/护照号',
            content:'1234568888888888'
          },{
            tip:'手机号',
            content:'18888888888'
          },{
            tip:'电话',
            content:'091-1245689'
          },{
            tip:'邮箱',
            content:'091-1245689'
          },{
            tip:'传真',
            content:'091-1245689'
          }
        ],
        ContactsInformationLIST:[
          {
            tip:'姓名',
            content:'张扬'
          },{
            tip:'手机号',
            content:'18888888888'
          },{
            tip:'电话',
            content:'091-1245689'
          },{
            tip:'邮箱',
            content:'091-1245689'
          },{
            tip:'传真',
            content:'091-1245689'
          }
        ],
        legalISedit:false,
        ContactsISedit:false,
        ShareholderLIST:[
//          ['张扬','60%','600万','自然人股东','12345789956424421354605'],
//          ['张扬','60%','600万','自然人股东','12345789956424421354605'],
//          ['张扬','60%','600万','自然人股东','12345789956424421354605']
        ],
        ShareholderISedit:[false,false,false]
      }
    },
    mounted: function() {
      this.axios.get('/index/show_com').then((res)=>{
        let data = res.data.com_data
        this.ID = data.id
        this.Company_name = data.com_name
        this.Company_num = data.com_code
        this.Company_time = data.reg_time
        this.Company_type = data.reg_type
        this.Company_money = data.reg_money
        this.Company_orgin_area = data.source
        this.Company_industry = data.industry
        this.Company_peopleum = data.com_scale
        this.Company_area = data.area
        this.Company_shui = data.revenue_office==1?'国税':'地税'
        this.Company_address = data.address
        this.Company_shui_type = data.revenue_way==1?'查账征收':'核定征收'
        this.Company_shangshi = data.is_listed==0?'不是':'是'
        this.Company_jishu = data.is_heigh==0?'不是':'是'
        this.Company_shangshi_time = data.listed_time
        this.Company_gaoxinqu_name = data.heigh_area
        this.Company_gupiao_num = data.stock_code
        this.Company_shangshi_type = data.listed_type
        this.legalInformationLIST[0].content = data.legal_name
        this.legalInformationLIST[1].content = data.code
        this.legalInformationLIST[2].content = data.legal_phone
        this.legalInformationLIST[3].content = data.legal_tel
        this.legalInformationLIST[4].content = data.legal_email
        this.legalInformationLIST[5].content = data.legal_fax
        this.ContactsInformationLIST[0].content = data.user_name
        this.ContactsInformationLIST[1].content = data.user_phone
        this.ContactsInformationLIST[2].content = data.user_tel
        this.ContactsInformationLIST[3].content = data.user_email
        this.ContactsInformationLIST[4].content = data.user_fax

        this.ShareholderLIST = res.data.share_data
      })
    },
    methods: {
      /*公司信息*/
      toggleCompany_shangshi_radio () {
        this.Company_shangshi_radio = !this.Company_shangshi_radio
      },
      toggleCompany_jishu_radio () {
        this.Company_jishu_radio = !this.Company_jishu_radio
      },
      saveCompanyInformation () {
        this.axios.post('/index/edit_com',{
          id: this.ID,
          com_name: this.Company_name_input,
          com_code: this.Company_num_input,
          reg_time: this.Company_time_input,
          reg_type: this.Company_type_input,
          reg_money: this.Company_money_input,
          source: this.Company_orgin_area_input,
          industry: this.Company_industry_input,
          com_scale: this.Company_peopleum_input,
          area: this.Company_area_input,
          revenue_office: this.Company_shui_input=='国税'?1:2,
          address: this.Company_address_input,
          revenue_way: this.Company_shui_type_input=='查账征收'?1:2,
          is_listed: this.Company_shangshi_radio?1:0,
          is_heigh: this.Company_jishu_radio?1:0,
          listed_time: this.Company_shangshi_time_input,
          heigh_area: this.Company_gaoxinqu_name_input,
          stock_code: this.Company_gupiao_num_input,
          listed_type: this.Company_shangshi_type_input,
        }).then((res)=>{
          if(res.data.code==1){
            this.Company_name = this.Company_name_input
            this.Company_num = this.Company_num_input
            this.Company_time = this.Company_time_input
            this.Company_type = this.Company_type_input
            this.Company_money = this.Company_money_input
            this.Company_orgin_area = this.Company_orgin_area_input
            this.Company_industry = this.Company_industry_input
            this.Company_peopleum = this.Company_peopleum_input
            this.Company_area = this.Company_area_input
            this.Company_shui = this.Company_shui_input
            this.Company_address = this.Company_address_input
            this.Company_shui_type = this.Company_shui_type_input
            this.Company_shangshi = this.Company_shangshi_radio?'是':'不是'
            this.Company_jishu = this.Company_jishu_radio?'是':'不是'
            this.Company_shangshi_time = this.Company_shangshi_time_input
            this.Company_gaoxinqu_name = this.Company_gaoxinqu_name_input
            this.Company_gupiao_num = this.Company_gupiao_num_input
            this.Company_shangshi_type = this.Company_shangshi_type_input

            this.CompanyInformationIS_edit = !this.CompanyInformationIS_edit
          }
        })
      },
      cancelSave () {
        this.CompanyInformationIS_edit = !this.CompanyInformationIS_edit
      },
      closeEditBox () {
        this.CompanyInformationIS_edit = !this.CompanyInformationIS_edit
      },
      editCompanyInformation () {
//        赋予数据
        this.Company_name_input = this.Company_name
        this.Company_num_input = this.Company_num
        this.Company_time_input = this.Company_time
        this.Company_type_input = this.Company_type
        this.Company_money_input = this.Company_money
        this.Company_orgin_area_input = this.Company_orgin_area
        this.Company_industry_input = this.Company_industry
        this.Company_peopleum_input = this.Company_peopleum
        this.Company_area_input = this.Company_area
        this.Company_shui_input = this.Company_shui
        this.Company_address_input = this.Company_address
        this.Company_shui_type_input = this.Company_shui_type
        if(this.Company_shangshi=='是'){
          this.Company_shangshi_radio = true
        }else{
          this.Company_shangshi_radio = false
        }
        if(this.Company_jishu=='是'){
          this.Company_jishu_radio = true
        }else{
          this.Company_jishu_radio = false
        }
        this.Company_shangshi_time_input = this.Company_shangshi_time
        this.Company_gaoxinqu_name_input = this.Company_gaoxinqu_name
        this.Company_gupiao_num_input = this.Company_gupiao_num
        this.Company_shangshi_type_input = this.Company_shangshi_type
        /*展示编辑框*/
        this.CompanyInformationIS_edit = !this.CompanyInformationIS_edit
      },
      /*法人信息*/
      legalISedits () {
        this.legalISedit = !this.legalISedit
      },
      legalISsaves () {
        this.axios.post('/index/edit_com',{
          id: this.ID,
          legal_name: this.legalInformationLIST[0].content,
          code: this.legalInformationLIST[1].content,
          legal_phone: this.legalInformationLIST[2].content,
          legal_tel: this.legalInformationLIST[3].content,
          legal_email: this.legalInformationLIST[4].content,
          legal_fax: this.legalInformationLIST[5].content,
        }).then((res)=>{
          if(res.data.code==1){
            this.legalISedit = !this.legalISedit
          }
        })
      },
      /*联系人信息*/
      ContactsISedits () {
        this.ContactsISedit = !this.ContactsISedit
      },
      ContactsISsaves () {
        this.axios.post('/index/edit_com',{
          id: this.ID,
          user_name: this.ContactsInformationLIST[0].content,
          user_phone: this.ContactsInformationLIST[1].content,
          user_tel: this.ContactsInformationLIST[2].content,
          user_email: this.ContactsInformationLIST[3].content,
          user_fax: this.ContactsInformationLIST[4].content,
        }).then((res)=>{
          if(res.data.code==1){
            this.ContactsISedit = !this.ContactsISedit
          }
        })
      },
      /*股东信息*/
      Shareholder_edit (index) {
        this.ShareholderISedit[index] =  !this.ShareholderISedit[index]
        this.$set(this.ShareholderISedit, index , this.ShareholderISedit[index])
      },
      Shareholder_save (index) {
        this.ShareholderISedit[index] =  !this.ShareholderISedit[index]
        this.$set(this.ShareholderISedit, index , this.ShareholderISedit[index])
        console.log(this.ShareholderLIST[index])
      },
      Shareholder_del (index) {
        this.ShareholderISedit.splice(index,1)
        this.ShareholderLIST.splice(index,1)
      },
      add_Shareholder () {
        let newList = ['','','','','']
        this.ShareholderLIST.push(newList)
        this.ShareholderISedit.push(true)
      }
    }
  }
</script>

<style scoped>
  @import '../../assets/public.css';
  @import '//at.alicdn.com/t/font_749860_je5eki3tevb.css';

  #section{
    padding:30px;
  }
  #section>ul>li{
    padding:20px 30px;
    border:1px solid #f1f1f1;
  }
  #section>ul>li:not(:last-child){
    margin-bottom:30px;

  }
  .common_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom:1px solid #f1f1f1;
  }
  .header_tip{
    color: #4797D4;
    font-size:16px;
    border-bottom: 2px solid #4797D4;
    line-height: 30px;
  }
  .header_btn{
    background-color: #4797D4;
    border:none;
    color: #fff;
    font-size:15px;
    padding:5px 15px;
    border-radius: 4px;
    cursor: pointer;
  }
  .common_content_tip{
    color: #333;
    font-size:11px;
    margin-right:10px;
  }
  .common_contents{
    color: #888;
    font-size:11px;
  }
  /*公司信息*/
  .CompanyInformationLIST_box{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 800px;
    margin:0 auto;
    padding-top:20px;
  }
  .CompanyInformationLIST{
    display: flex;
    align-items: center;
    width:400px;
    line-height: 30px;
  }
  .add_tankuang{
    width:880px;
    height:666px;
  }
  .CompanyInformation_tankuang_content{
    padding:58px 54px 58px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .CompanyInformation_tankuang_content>li{
    display: flex;
    align-items: center;
    margin-bottom:20px;
  }
  .CompanyInformation_tankuang_content>li>span{
    color: #666;
    font-size:14px;
    width:200px;
    text-align: right;
  }
  .CompanyInformation_tankuang_content>li>input[type='text']{
    color: #666;
    font-size:14px;
    width:200px;
    border:1px solid #ddd;
    padding-left:10px;
    box-sizing: border-box;
    height:30px;
    line-height: 30px;
    outline:none;
  }
  .CompanyInformation_tankuang_content>li>select{
     color: #666;
     font-size:14px;
     width:200px;
     border:1px solid #ddd;
     padding-left:10px;
     box-sizing: border-box;
     outline: none;
     height:30px;
     line-height: 30px;
   }
  .CompanyInformation_tankuang_content>li>ul.radioBOX{
    width:200px;
    padding-left:10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .CompanyInformation_tankuang_content>li>ul.radioBOX>li{
    margin-right:15px;
    cursor: pointer;
  }
  .CompanyInformation_tankuang_content>li>ul.radioBOX i.radio{
    width:14px;
    height:14px;
    background-image: url("img/radio_false.png");
    margin-right:6px;
  }
  .CompanyInformation_tankuang_content>li>ul.radioBOX i.radio.active{
    background-image: url("img/radio_true.png");
  }
  /*法人信息*/
  .legalInformationLIST_box{
    max-width: 800px;
    margin:0 auto;
    padding-top:30px;
  }
  .legalInformationLIST{
    display: flex;
    align-items: center;
    line-height: 30px;
  }
  .legalInformationLIST>input{
    color: #888;
    font-size:11px;
    padding-left:10px;
  }
  /*联系人信息*/
  .ContactsInformationLIST_box{
    max-width: 800px;
    margin:0 auto;
    padding-top:30px;
  }
  .ContactsInformationLIST{
    display: flex;
    align-items: center;
    line-height: 30px;
  }
  .ContactsInformationLIST>input{
    color: #888;
    font-size:11px;
    padding-left:10px;
  }
  /*股东信息*/
  .Shareholder{
    padding-bottom:30px;
  }
  .Shareholder_table{
    width:100%;
    border: 1px solid #eee;
    margin:30px 0 50px 0;
  }
  .Shareholder_table tr {
    height:42px;
    vertical-align: middle;
    line-height: 42px;
  }
  .Shareholder_table thead tr{
    background-color: #EEEEEE;
  }
  .Shareholder_table thead th{
    font-size:14px;
    color: #333;
    text-align: center;
  }
  .Shareholder_table tbody td{
    font-size:14px;
    color: #888;
    text-align: center;
  }
  .Shareholder_table tbody td input{
    font-size:14px;
    color: #888;
    width:auto;
  }
  .Shareholder_table tbody tr:not(:last-child) td{
    border-bottom: 1px solid #eee;
  }
  .Shareholder_editBTN{
    color: #4797D4;
  }
  .Shareholder_editBTN:after{
    content:'';
    display: inline-block;
    width:1px;
    margin:0 10px;
    height: 20px;
    background: #eee;
    vertical-align: middle;
  }
  .Shareholder_delBTN{
    color: #E24B4B;
  }
</style>
